| 1 | | [[분류:위키/스킨]][include(틀:접근 제한, 문서명=위키/스킨/Central(the tree))] |
|---|
| 2 | | [include(틀:관련 문서, 문서=위키/스킨/Central)] |
|---|
| 3 | | [목차] |
|---|
| 4 | 1 | |
|---|
| 5 | | == 개요 == |
|---|
| 6 | | [[the tree]] 위키 엔진에서 사용 가능한 Central 스킨에 대한 설명을 하는 문서이다. |
|---|
| 7 | | |
|---|
| 8 | | == 사용 방법 == |
|---|
| 9 | | === publicConfig.json === |
|---|
| 10 | | ||<-5><tablebordercolor=#696FFF><bgcolor=#696FFF><tablebgcolor=#fff,#1c1d1f><color=#fff> {{{+1 '''Central 스킨 변수'''}}} || |
|---|
| 11 | | || '''종류''' || '''변수 이름''' || '''기본값''' || '''사용 예시''' || '''추가 설명''' || |
|---|
| 12 | | || 메인 컬러 || skin.central.main_color || #996FFF || "skin.central.main_color": "#696FFF" || [* 크롬 테마 컬러와 엔진 내부의 브랜드 컬러로 사용된다.] || |
|---|
| 13 | | || 상단바 색상 || skin.central.nav_color || #996FFF || "skin.central.nav_color": "linear-gradient(90deg, #996FFF, #696FFF)" || [* 단색이 기본값이나 그라데이션 같은 문법도 사용 가능하다.] || |
|---|
| 14 | | || 서브 컬러 || skin.central.sub_color || #A783FF || "skin.central.sub_color": "#7E83FF" || [* 상단바 아이템을 마우스 호버할 때 나타나는 색상과 마우스 드래그 했을 때 표시되는 색상이다.] || |
|---|
| 15 | | ||<|2> 이름공간 밑줄 색상 || skin.central.ns_color ||<|2> #A783FF40 |
|---|
| 16 | | [* 투명도가 포함되어 있는 헥스 코드이기 때문에 기본값으로는 다크모드 구분이 없다. 구버전 브라우저에서는 작동 안 할 수 있다.] || "skin.central.ns_color": "#e7ddff" || [* 라이트모드일 때의 이름공간 밑줄 색상.] || |
|---|
| 17 | | || skin.central.dark_ns_color || "skin.central.dark_ns_color": "#532fa9" || [* 라이트모드일 때의 이름공간 밑줄 색상.] || |
|---|
| 18 | | || 상단바 로고 가로 길이 || skin.central.logo_width || 75px || "skin.central.logo_width": "75px" || [* 로고가 표시될 면적] || |
|---|
| 19 | | || 상단바 로고 이미지 세로 크기 || skin.central.logo_size || auto || "skin.central.logo_size": "20px" || [* svg면 자동 조정되나 png, jpg같은 일반 이미지는 따로 조정해줘야 한다.] || |
|---|
| 20 | | || 특수 기능 드롭다운 위치 변경 || skin.central.dropdown_left || auto || "skin.central.dropdown_left": "0" || [* 로고 길이가 짧은 경우 드롭다운이 오른쪽 정렬할 때 왼쪽이 잘리는 문제가 있는 경우만 0으로 사용할 것.] || |
|---|
| 21 | | |
|---|
| 22 | | == 라이선스 == |
|---|
| 23 | | * 다올위키의 라이선스 페이지를 참고하세요. [[https://daol.cc/License| ]] |
|---|
| 24 | | |
|---|
| 25 | | == 업데이트 내역 == |
|---|
| 26 | | === v4.0 === |
|---|
| 27 | | ==== 2025/01/25 ==== |
|---|
| 28 | | * 첫 커밋 시작 |
|---|
| 29 | | * dark.css 우선 순위 변경 |
|---|
| 30 | | * js 변수 구조 변경 |
|---|
| 31 | | * 드롭다운 작동 안하는 문제 수정 |
|---|
| 32 | | * 사이드바 API 대신 엔진 API로 변경 |
|---|
| 33 | | * 툴 버튼 드롭다운 일부 사용 |
|---|
| 34 | | * 최근 변경에서 닉네임이 길 경우 줄 바꿈 되도록 수정 |
|---|
| 35 | | * 툴 버튼에 드롭다운이 존재하면 마지막 둥근 모서리 안되는 문제 수정 |
|---|
| 36 | | * 의도치 않은 동작 때문에 :focus 삭제 |
|---|
| 37 | | |
|---|
| 38 | | ==== 2025/01/26 ==== |
|---|
| 39 | | * skin.central.dark_ns_color 추가 |
|---|
| 40 | | * the tree와 맞지 않는 링크 수정 |
|---|
| 41 | | * 편집 요청 팝업 구현 전 임시로 링크로 들어가지게 수정 |
|---|
| 42 | | * 일부 다크모드 미적용 해결 |
|---|
| 43 | | * 색상 불러오는 방식 모두 js로 수정 |
|---|
| 44 | | * 공지 디자인 수정 |
|---|
| 45 | | * 스킨 설정(내비바 고정, 사이드바 위치 조정) 추가 |
|---|
| 46 | | |
|---|
| 47 | | ==== 2025/01/27 ==== |
|---|
| 48 | | * 다크모드일 때 sub 색상이 라이트 색상으로 표시되던 오류 수정 |
|---|
| 49 | | * 변수 색상[* 라이트 모드 링크 색상, 드래그할 때 나오는 컬러] 조정 |
|---|
| 50 | | * 업로드나 편집할 때 저장 버튼이 본문에서 튀어나가는 문제 해결 |
|---|
| 51 | | |
|---|
| 52 | | ==== 2025/01/28 ==== |
|---|
| 53 | | * 변수 색상 실수 수정 |
|---|
| 54 | | * 로고 css 수정 |
|---|
| 55 | | * 사이드바 사용자 탭 추가 |
|---|
| 56 | | * 설정에 사용자 사이드바 끄기 기능 추가 |
|---|
| 57 | | |
|---|
| 58 | | ==== 2025/01/29 ==== |
|---|
| 59 | | * 보고 있는 문서에 토론이 진행 중이면 토론 버튼에 강조 색상 추가 |
|---|
| 60 | | * 사이드바 최근 변경 수 8개에서 12개로 변경 |
|---|
| 61 | | * 다크모드 방식 변경 |
|---|
| 62 | | |
|---|
| 63 | | ==== 2025/01/30 ==== |
|---|
| 64 | | * 문서 이름이 길 때 툴 버튼에서 줄바꿈되는 오류 수정 |
|---|
| 65 | | * 광고 상단, 측면 추가 |
|---|
| 66 | | * 모바일에서 툴 버튼이 튀어나가는 오류 수정 |
|---|
| 67 | | |
|---|
| 68 | | ==== 2025/01/31 ==== |
|---|
| 69 | | * 사용자 토론이 존재하면 표시되는 공지 UI 추가[* 검색 창 오른쪽에 알림은 가독성이 안 좋다고 판단하여 닫을 수 있는 알림 추가.] |
|---|
| 70 | | * 공지 UI 활용하여 편집 요청 메시지 추가 |
|---|
| 71 | | * 공지 UI의 카테고리가 중앙이 틀어진 오류 수정 |
|---|
| 72 | | |
|---|
| 73 | | ==== 2025/02/01 ==== |
|---|
| 74 | | * 툴 버튼의 일부 아이콘 변경 |
|---|
| 75 | | * 본문 글씨 크기 16px에서 15px로 조정 |
|---|
| 76 | | |
|---|
| 77 | | ==== 2025/02/03 ==== |
|---|
| 78 | | * [다크 모드] 편집 요청 공지 UI에서 링크 구별이 안되는 오류 수정 |
|---|
| 79 | | * [다크 모드] the tree 내부 UI에서 다크 모드가 적용 안되는 부분 적용되게 수정 |
|---|
| 80 | | * [다크 모드] 배경 색 변경 |
|---|
| 81 | | |
|---|
| 82 | | ==== 2025/02/04 ==== |
|---|
| 83 | | * code 박스, 중괄호로 문법 무효할 때의 글꼴 지정 |
|---|
| 84 | | * 라이선스 페이지에서 가로 스크롤 추가[* 라이선스 정보가 더 길 경우 스킨을 벗어나는 문제가 있었음.] |
|---|
| 85 | | |
|---|
| 86 | | ==== 2025/02/05 ==== |
|---|
| 87 | | * [다크 모드] 위키 공지에 링크 색상 변경 |
|---|
| 88 | | * [다크 모드] the tree 내부 UI에서 다크 모드가 적용 안되는 부분 적용되게 수정 2 |
|---|
| 89 | | |
|---|
| 90 | | ==== 2025/02/06 ==== |
|---|
| 91 | | * [다크 모드] 문서에서 외부 링크 색상 수정 |
|---|
| 92 | | |
|---|
| 93 | | ==== 2025/02/12 ==== |
|---|
| 94 | | * js 파일이 the tree로 옮겨지면서 main.js, sub.js 굳이 이원화할 이유가 사라짐에 따라 main.js로 통합 |
|---|
| 95 | | |
|---|
| 96 | | ==== 2025/02/17 ==== |
|---|
| 97 | | * 각주에 사진이 있을 때 글자와 세로 중앙이 안 맞는 문제 해결 |
|---|
| 98 | | |
|---|
| 99 | | === v4.1 === |
|---|
| 100 | | ==== 2025/02/19 ==== |
|---|
| 101 | | * the tree 엔진에 이름공간에 따른 라이선스 표기 방식으로 변경됨에 따라 라이선스 표기 방식 변경 |
|---|
| 102 | | |
|---|
| 103 | | ==== 2025/02/23 ==== |
|---|
| 104 | | * 폰트어썸 버전 업데이트 |
|---|
| 105 | | * 다크 모드, 라이트 모드로 전환할 때 부드럽게 전환되게 애니메이션 추가 |
|---|
| 106 | | * 위키에서 볼드체 표기를 700에서 600으로 변경 |
|---|
| 107 | | * 이름공간 밑줄 표시를 : 포함시키도록 수정 |
|---|
| 108 | | |
|---|
| 109 | | ==== 2025/02/24 ==== |
|---|
| 110 | | * [다크 모드] the tree 내부 UI에서 다크 모드가 적용 안되는 부분 적용되게 수정 3 |
|---|
| 111 | | |
|---|
| 112 | | ==== 2025/02/25 ==== |
|---|
| 113 | | * 편집을 아예 못할 때 표시되는 자물쇠 열려 있는 아이콘을 수정 |
|---|
| 114 | | * 사용자 사이드바 끄기를 기본값으로 변경 |
|---|
| 115 | | * 문서 하단에 표기되는 저작권 정책을 오측 정렬로 본문가 이격 |
|---|
| 116 | | * 위키 로고가 짧은 경우를 위해 특수 기능 드롭다운 위치를 조정할 수 있는 config 추가 |
|---|
| 117 | | * 최하단 링크를 눌렀을 때 새 탭으로 열리도록 수정 |
|---|
| 118 | | |
|---|
| 119 | | ==== 2025/02/26 ==== |
|---|
| 120 | | * 문서 도구 드롭다운에도 아이콘 추가 |
|---|
| 121 | | * 본문의 최소 높이를 추가 |
|---|
| 122 | | * 사용자 드롭다운에 편집 요청 기여 목록 추가 |
|---|
| 123 | | |
|---|
| 124 | | ==== 2025/02/27 ==== |
|---|
| 125 | | * 사이드바 기본값의 모바일, PC 구분 방식 변경 |
|---|
| 126 | | * 부드러운 스크롤 추가 |
|---|
| 127 | | |
|---|
| 128 | | ==== 2025/03/09 ==== |
|---|
| 129 | | * [다크 모드] 버튼 hover 색상 변경 |
|---|
| 130 | | * [다크 모드] the tree 내부 UI에서 다크 모드가 적용 안되는 부분 적용되게 수정 4 |
|---|
| 131 | | * [다크 모드] 공지 디자인에서 X 버튼에 색상 변경 |
|---|
| 132 | | * the tree에 고립된 분류 기능 추가에 따른 드롭다운에 링크 추가 |
|---|
| 133 | | |
|---|
| 134 | | === v4.2 === |
|---|
| 135 | | ==== 2025/03/10 ==== |
|---|
| 136 | | * 스킨 라이선스 표기 방식 변경 |
|---|
| 137 | | * [다크 모드] 위키 엔진에서 사용하는 최근 변경 위키 대표 색을 변경 |
|---|
| 138 | | |
|---|
| 139 | | ==== 2025/03/11 ==== |
|---|
| 140 | | * 프리텐다드가 적용되지 않는 select도 적용되도록 수정 |
|---|
| 141 | | * 모나코 에디터와 충돌하는 css 수정 |
|---|
| 142 | | * 표 기본 색상을 #fff로 수정 |
|---|
| 143 | | |
|---|
| 144 | | ==== 2025/03/12 ==== |
|---|
| 145 | | * [다크 모드] the tree 내부 UI를 건드리는 css 모두 삭제 |
|---|
| 146 | | * 사이드바 아이템을 호버했을 때의 변화 추가 |
|---|
| 147 | | * 사이드바 목차 기능 추가 |
|---|
| 148 | | * 레거시 목차 css 갱신 |
|---|
| 149 | | |
|---|
| 150 | | ==== 2025/03/15 ==== |
|---|
| 151 | | * 목차 링크 구현 |
|---|
| 152 | | * 라이선스에 © Gwangtori, '''hyonsu'''. all rights reserved. 추가 |
|---|
| 153 | | |
|---|
| 154 | | ==== 2025/03/16 ==== |
|---|
| 155 | | * 목차 .을 숫자 텍스트에 포함 |
|---|
| 156 | | * 사이드바 목차에 문법 표시 삭제 |
|---|
| 157 | | * 사이드바 목차 headings null 확인 |
|---|
| 158 | | * 사이드바 padding 값 수정 |
|---|
| 159 | | |
|---|
| 160 | | ==== 2025/03/17 ==== |
|---|
| 161 | | * the tree 업데이트인 다크 모드 class 명칭 변경에 따른 .theseed-dark-mode → .thetree-dark-mode로 변경 |
|---|
| 162 | | |
|---|
| 163 | | ==== 2025/03/18 ==== |
|---|
| 164 | | * 사이드바 목차의 글자 크기를 15px에서 14.4px로 변경 |
|---|
| 165 | | * [다크 모드] 링크 색상이 적용 안되는 문제 해결 |
|---|
| 166 | | * [다크 모드] 라이선스 페이지에서 링크 색상 수정 |
|---|
| 167 | | |
|---|
| 168 | | ==== 2025/03/19 ==== |
|---|
| 169 | | * css 우선 순위로 인한 수정 |
|---|
| 170 | | |
|---|
| 171 | | ==== 2025/03/20 ==== |
|---|
| 172 | | * css 우선 순위로 인한 수정 |
|---|
| 173 | | |
|---|
| 174 | | ==== 2025/03/28 ==== |
|---|
| 175 | | * 모나코 에디터와 충돌로 인한 div에 프리텐다드 적용 삭제 |
|---|
| 176 | | |
|---|
| 177 | | ==== 2025/04/05 ==== |
|---|
| 178 | | * 프로그레스 바에 이름공간 밑줄 색상이 적용되도록 수정 |
|---|
| 179 | | * 최근 변경 사이드바 메뉴들도 15px에서 14.4px로 수정 |
|---|
| 180 | | |
|---|
| 181 | | ==== 2025/04/21 ==== |
|---|
| 182 | | * 다크 모드에서 파란 링크로 표시되는 것을 설정화 함 |
|---|
| 183 | | * 주황 링크를 원하는 사람이 있어서 패치를 해봄 |
|---|
| 184 | | * 반쪽 짜리 기능이였으나 vue로 오면서 작동 안 함... |
|---|
| 185 | | |
|---|
| 186 | | === v5.0 === |
|---|
| 187 | | ==== 2025/04/27 ==== |
|---|
| 188 | | * '''[[the tree]]의 프론트엔드가 ejs에서 vue로 전환됨에 따라 Vue 포팅''' |
|---|
| 189 | | * 드롭다운 작동 방식 변경 |
|---|
| 190 | | * 상단바에 위키 로고 config 수정 |
|---|
| 191 | | * vue로 전환하면서 the seed와 호환을 위해 .thetree-dark-mode → .theseed-dark-mode로 환원 |
|---|
| 192 | | * 다른 드롭다운을 열었을 때 기존 드롭다운이 안 닫히는 오류? 해결 |
|---|
| 193 | | * vue 전환에 따른 js 파일 제거 |
|---|
| 194 | | * [다크 모드] 문서명 색상이 과도하게 바뀌는 문제 해결 |
|---|
| 195 | | * [다크 모드] 라이선스 페이지에서 링크 색상 적용 안되는 문제 해결 |
|---|
| 196 | | |
|---|
| 197 | | ==== 2025/04/28 ==== |
|---|
| 198 | | * ACL 메시지 표시 후 클릭 시 편집 페이지로 이동 |
|---|
| 199 | | * contentTool 새 엔진 호환 |
|---|
| 200 | | * 제목 옆에 붙는 (역사)나 (비교) 등이 제목과 붙는 문제 해결 |
|---|
| 201 | | |
|---|
| 202 | | ==== 2025/04/30 ==== |
|---|
| 203 | | * 프로그레스 바 색상이 변경 안 되는 문제 해결 |
|---|
| 204 | | |
|---|
| 205 | | ==== 2025/05/02 ==== |
|---|
| 206 | | * 볼드체 700 → 600 재조정 |
|---|
| 207 | | |
|---|
| 208 | | ==== 2025/05/03 ==== |
|---|
| 209 | | * 내비바 고정일 때 사이드바 목차 위치 재조정 |
|---|